@import url("css/variations/stylesheetwidget.css");
@import url("../../Containers/GoodDNN-LightBlue/LightBlue06.css");
@import url("css/AccordionList.css");
@import url('https://fonts.googleapis.com/css?family=Oswald:400,500,600,700&display=swap');

/************************** NEW STYLES FOR DIV LAYOUT *****************************************/
ul li ul {
    padding-bottom: 0px;
}

.wrapper {width: 100%; }

#HeaderWrapper  {
  /*
  margin: auto!important; */
  display:block; /* added back in to fix centering banner in IE8 */
  width: 100%;
  background-color: #1C4E69;  
  max-width: 100%!important; 
}

#CountyMenuDiv  {
  width: 680px!important;
  height: 37px; 
  padding:0px; margin:0px; background:url(images/LightBlue_r5_c7.jpg);
  float:left;
}

#footer1  {
  width:34px; 
  float:left;
}
#footer2  {
  float:left;
  background:url(images/LightBlue_r14_c6_dark.gif);
  white-space:nowrap;
  width:252px; 
  float:left;
  height: 47px; 
  padding-top: 30px; 
  line-height: 20px;
}

#footer2 .Footer  {
  position:relative; 
  top: -10px;
  left: -10px;}

#footer3  {
  width:67px; 
  float:left;
  height: 77px; 
}
#footer4  {
  float:left;
  height: 77px;
  width: 625px; 
  background:url(images/LightBlue_r14_c15_dark.gif); 
  vertical-align:bottom;  
}

#footer4_1  {
  height: 22px;
  float:none;
  text-align:left;
  padding-top: 10px; 
}

#footer4_2  {
  height: 22px;
  width: 375px;
  float:left;
  padding-top: 15px;
}

#footer4_3  {
  
  float:right;
  height: 22px;
  width: 250px; 
  padding-top: 15px;  
}

#footer5  {
   float:right;
   width:34px;   
   height: 77px; 
}

#footerdiv  {
    position:relative;
    
}

#footerbuttons  {    
    position: absolute;
    right: 5px;
    bottom: -35px;}

#footerbuttons  img {height: 40px;}

.slideshow img{width: 100%!important; margin:0px!important;}
 
/************************** NEW STYLES FOR DIV LAYOUT *****************************************/

body
{ background-color: #D6C1A1;
  line-height: 14px; 
 /*CFC6B7;*/
}

.pagebg {
    -moz-box-sizing: border-box;
    background-color: #F5EFE7;
    max-width: 1012px;
    width: 1012px;
}
.HeaderBg
{
  background: url(Images/bannerdark970.jpg) no-repeat;
}

.menuContainer
{
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 2px;
  padding-bottom: 3px;
  }
  
 .headerPane  {
}
 
 .bannerPane  {
}

.topPane
{
  padding-top: 3px;
  padding-left: 7px;
  padding-right: 7px;
  padding-bottom: 3px;
}
.leftPane {
  padding-top: 3px;
  padding-left: 7px;
  padding-right: 7px;
  padding-bottom: 3px;
  vertical-align:top; 
}

.contentPane {
  padding-top: 3px;
  padding-left: 7px;
  padding-right: 7px;
  padding-bottom: 3px;
  vertical-align:top; 
}

.rightPane {
  padding-top: 3px;
  padding-left: 7px;
  padding-right: 7px;
  padding-bottom: 3px;
  vertical-align:top; 
}

.bottomPane {
  padding-top: 3px;
  padding-left: 7px;
  padding-right: 7px;
  padding-bottom: 3px;
}

/*************** new custom search (this is from the skin.css file on the test server) ***/




/************************* END new custom search ( could be global in skin or defaultskin.css ) *********************/

/*-------- gray bread crumb --------*/
.gray_top_left {padding:0px; margin:0px; background:url(images/lt.png) no-repeat top left; height:18px;}
.gray_top_right {padding:0px; margin:0px; background:url(images/rt.png) no-repeat top right; height:18px;}

.gray_bg
{
  background-color: silver;
}
.gray_content {padding:0px 11px 0px 11px; }

.gray_bottom_left {padding:0px; margin:0px; background:url(images/lb.png) no-repeat top left; height:18px;}
.gray_bottom_right {padding:0px; margin:0px; background:url(images/rb.png) no-repeat top right; height:18px;}

A.headerlink:link {
  color : White;
  text-decoration : underline;
}

A.headerlink:visited  {
  color : White;
  text-decoration : underline;
}

A.headerlink:active {
  color : White;
  text-decoration : underline;
}

.BreadcrumbLabel
{
  font-weight: bold;
  color: #000066;
  text-decoration: none;
}

.BreadcrumbBar
{
    padding-left: 7px;
    padding-top: 12px;
    padding-bottom: 8px;
  text-align:left;
}

.Breadcrumb2, A.Breadcrumb2:link, A.Breadcrumb2:visited, A.Breadcrumb2:active
{
  color: #0D397C;
  font-weight: normal;
  text-decoration: underline;
}
SPAN.Breadcrumb2
{
    color: #595959;
    font-weight: normal;
    text-decoration: none;
}

A.Breadcrumb2:hover
{
  color: #990000;
  font-weight: normal;
  text-decoration: none;
}

.center {text-align:center;}
.centered {display:block; margin-left: auto; margin-right:auto; }

<!--- employee recognition ----------------------------------------->
#emprectable {padding:0px; margin:0px; border:2px solid #1C4E69; }
#emprectable td{ padding:0px; margin:0px;  padding:10px; vertical-align:top; }

.goldheader {background-color: #ffcc00; font-weight:bold; color: #000000; text-align:center; width:30%; font-size: 14px; }
.silverheader {background-color: #D2D2D2; font-weight:bold; color: #000000; text-align:center; width:30%; font-size: 14px; }
.bronzeheader {background-color: #cc6600; font-weight:bold; color: #000000; text-align:center; width:30%; font-size: 14px; }

.deptaward {background-color: #dddddd; text-align:center; font-size: 14px; font-weight:bold;}

.emprectd {background-color:#ffffff; border:1px solid #1C4E69;}

.emprecgold {margin:0px; padding: 3px; padding-left: 10px; padding-right: 10px; background-color: #ffcc00; font-weight:bold; color: #000000; text-align:center; font-size: 14px; border:1px solid #1C4E69;}

.emprecsilver {margin:0px; padding: 3px; padding-left: 10px; padding-right: 10px; background-color: #D2D2D2; font-weight:bold; color: #000000; text-align:center; font-size: 14px; border:1px solid #1C4E69;}

.emprecbronze {margin:0px; padding: 3px; padding-left: 10px; padding-right: 10px; background-color: #cc6600; font-weight:bold; color: #000000; text-align:center; font-size: 14px; border:1px solid #1C4E69;}

.empadj {
display: inline-block;
    position: relative;
    left: 5px;
    top: 10px;}
  
  
.blueborder {border:1px solid #1C4E69;}

.emprecpic {border:1px solid #1C4E69; float: left; margin:0px; padding:0px; margin-right:10px; margin-bottom: 5px; margin-top: 3px;}

#jjdpc {margin-left:auto; margin-right:auto;  }

#jjdpc td {color:#1C4E69; padding:10px; vertical-align:top;  font: bold 13px Verdana, Tahoma, Arial, Helvetica; }

.yearhover:hover {text-decoration:underline;}

.basictable {border:1px solid black; border-collapse:collapse; margin-left:auto; margin-right:auto;}
.basictable th{background-color: #dddddd; font-weight:bold;}
.basictable td, th{border:1px solid black; border-collapse:collapse; padding:5px; }

.displaytable { border-collapse:collapse; }
.displaytable th{background-color: #dddddd; font-weight:bold;}
.displaytable td, th{border:1px solid #cccccc; border-collapse:collapse; padding:10px; }
/* basic table is a good generic table format which has a grey header and is centered on the page */

/*#homeheadline a:link{text-decoration:none; }
#homeheadline a:visited{text-decoration:none;}
#homeheadline a:hover{text-decoration:underline;}
#homeheadline a:active{text-decoration:none;}*/

.h1left  {font: bold 18px Verdana, Tahoma, Arial, Helvetica;  margin:10px 0; text-align:left;}
.h1left  a{font: bold 18px Verdana, Tahoma, Arial, Helvetica;  margin:10px 0; text-align:left;}

/*************************************************************************************************************/


/*************************************************************************************************************/
#budgetlist li{
  width: 400px;
}

#cafrlist li{
  width: 400px; 
}

/************** BDS page**************************/

.distmap  {
    width: 200px; 
  }

.ProfilePhoto {max-width: 120px!important; }

#bos_dist_pic {margin-bottom: 20px; margin-right: 15px; float: left;}

#BDSleftlinks {
    border-right: 0 solid #1c4e69;
    margin: 0;
    padding: 10px 10px 0 0;
    width: 190px;
}

#BDSleftlinks li {
    line-height: 15px;
    list-style-type: none;
    margin: 0 0 0 25px;
    padding: 5px 0 3px;
    text-indent: -25px!important;
    vertical-align: top;
}

#BDSleftlinks li ul {
  padding:0px;
  padding-bottom: 5px;
}

#BDSleftlinks li ul li{
  position:relative;
    left: -10px!important;
  padding: 0px; padding-topm: 2px;
}


#BDSlinks2 {
    border-right: 0 solid #1c4e69;
    margin: 0;
    padding: 10px 10px 0 0;
    width: 190px;
}

#BDSlinks2 li {
    line-height: 15px;
    list-style-type: none;
    margin: 0 0 0 25px;
    padding: 5px 0 3px;
    text-indent: -25px!important;
    vertical-align: top;
  font-size: 8px!important;
}

#BDSlinks2 li ul {
  padding:0px;
  padding-bottom: 5px;
}

#BDSlinks2 li ul li{
  position:relative;
    left: -10px!important;
  padding: 0px; padding-topm: 2px;
}

#BDSlinks2 li a {
  
font-size: 10px!important;

}
 
.bdmemberpic {
  margin-bottom: 0px;
  margin-right: 10px; 
  float: left;
  border:1px solid #1C4E69;
}

#BDSleftlinks li a {
    font-weight: bold;
}

#gismenu{width: 250px; max-width: 250px!important;}
.contentPane {width: 100%;}

.blueborderbds {border:1px solid #1C4E69;
  width: 100%!important; 
  max-width: 100px!important; }
  
.bdmember {display: inline-block; margin-left: 1px; margin-right: 1px; text-align:center;line-height: 14px; }
.bdmember a {text-decoration:none;}
.bdmember a:link{text-decoration:none; }
.bdmember a:visited{text-decoration:none;}
.bdmember a:hover{text-decoration:underline;}
.bdmember a:active{text-decoration:none;}

/***********comms vac ****************/

.commvactable {
  border: 1px solid #1c4e69;
  width:96%;
  border-collapse:collapse; 
  margin-left: auto; 
  margin-right: auto; 
}

.commvactable th{
  border: 1px solid #1c4e69;
  text-align:center;
  padding-top: 5px; padding-bottom:5px;
  font-weight:bold; 
}

.commvactable td{
  border: 1px solid #1c4e69;
  
  padding-top: 5px; padding-bottom:5px;
  padding-left: 15px!important;
  text-indent: -15px!important;
}

.commvactable .leftcol  {
 width: 33%;
}

.commvactable .centercol  {
 width: 10%;  
}

.commvactable .rightcol {
 width: 55%;  
}

.commvactable a, .commvactable a:link, .commvactable a:active, .commvactable a:visited {
  text-decoration:none;
  font-weight: bold;
  line-height: 12px;   
}

.commvactable a:hover {
  text-decoration:underline;
  font-weight: bold;
  line-height: 12px;   
}

.thlt {width: 30%;}
.thm  {width: 5%;}
.thrt {width: 60%;}
  
#applynow {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 20%;
}

/*****************whistleblower *******************************/


.hotline { }
.hotline td{padding:3px; word-wrap:break-word; }

.lefttab  {
  width: 20%;
}

#dnn_ctr679_ContentPane p {
  margin-bottom: 8px; 
}

/*   A-Z services **********************/

.mainlist {
  
text-align:left; 
}

/******************* GDJ page rollup menu ******************/

.bgfix, #consrep li a{
    font-weight:bold;
}

.bgfix a, .bgfix a:link, .bgfix span, #consrep li a, #consrep li a:link{
    text-decoration:none; color: #0D397C; cursor:pointer; font-weight:bold;
}

.bgfix a:visited, .bgfix span:visited, #consrep li a:visited{
    text-decoration:none; color: #0D397C; font-weight:bold;
}

.bgfix a:hover, .bgfix span:hover, #consrep li a:hover{
    text-decoration:underline; color: #990000; font-weight:bold;
}

.bgfix a:active, .bgfix span:active, #consrep li a:active{
    text-decoration:none; color: #0D397C; font-weight:bold;
}

#dnn_ctr6123_HtmlModule_lblContent ul li ul li {list-style-type:none;}

#mainnav li ul li, #mainnav2 li ul li, #mainnav3 li ul li, #mainnav4 li ul li, #mainnav5 li ul li, #mainnav6 li ul li {list-style-type:disc;}

#consrep li a{text-decoration:none; font-weight:bold;}

a.none, a.none:link, a.none:visited, a.none:active  {text-decoration:none;}

a.none:hover  {text-decoration:underline;}

#mainnav_gdj li { font-weight:normal;}

#mainnav_gdj span { font-weight:bold;}

/* ******** responsive table styles (for commissions page first) *************************** */

  .table{
    width: 100%;    
  }

  .box {
    margin: 0 auto;
    max-width: 700px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  }
        
  .indent{
    margin-right: 10px;
    float: left;
    width: 70%;
  }

  .bold{
    font-size: 18px;
    font-family: sans-serif;
  }
    
  .bold a, .bold a:link, bold a:visited, bold a:active{
    font-size: 18px;
    font-family: sans-serif;
  }
/*
        .table {
          margin: 0 0 40px 0;
          width: 100%;
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
          display: table;
        }
*/
        
  .row{
    border-bottom: 1px solid black;
  }
    
  .table {
    display: block;
  }
    
  .row {
    display: table-row;
    background: #F5EFE7;
  }
  
  .row:nth-of-type(odd) {
         background: #F7F4F0;
    }

  .row.header {
         font-weight: 900;
         color: #ffffff;
         background: #1d5979;
  }
        
  .row.header2 {
          font-weight: 900;
          color: #ffffff;
          background: #2274a0;
  }

  .row {
           padding: 8px 0;
           display: block;
  }

  .cell {
          padding: 6px 12px;
          display: table-cell;
  }
  
  .cell {
          padding: 2px 12px;
          display: block;
    }

  .box{
          width: 100%;
                
    }

  .indent, .indent2{
         margin-left: 20px;
    font-weight: bold;
  }




@media screen and (max-width: 736px) {
    
    .indent{
        width: 85%;
    }
}

/* ****************************** Covid 19 FAQ *******************************  */
.covidfaq {

}


.covidfaq .leftPane {
  width: 30%;
}

.covidfaq .contentPane {
  width: 68%
}


.faq-section-menu {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}

  .faq-section-menu li {
    color: #fff;
    margin: 4px 8px 4px 0;
    list-style: none;
    padding: 0;
    line-height: 1.4;
  }

  .faq-section-menu a {
    display: block;
    background-color: #308da1;
    text-align: center;
    color: white;
    font-size: 14px;
    padding: .6rem 1rem;
    border-radius: 5px;
    text-decoration: none;
  }

  .faq-section-menu a:hover {
    background-color: #f0c74d;
    color: black;
  }
  

.faq-accord button.accordion {
  background-color: #fff;
  color: black;
  border-radius: 4px;
  border: 1px solid #999;
  padding: .7rem;
  font-weight: 500;
  margin-top: 2px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
}

  .faq-accord button.accordion.active, 
  .faq-accord button .active, 
  .faq-accord button.accordion:hover {
    background-color: #F4C435!important;
    color: black;
    border-color: #F4C435;
    border-bottom: 0!important;
  }

  
  .faq-accord button.accordion.active, 
  .faq-accord button .active {
    border-radius: 4px 4px 0 0;
  }



.faq-accord h2 {
    font-size: 17px !important;
    font-weight: 600!important;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    margin-top: .8rem;
    margin-bottom: 2px!important;
}
  .faq-accord #general h2 {
    margin-top: .4rem;
  }

.faqsec-wrap {
  margin-bottom: .5rem;
}

.faq-accord .panel {
  font-size: 13px;
  color: #333;
}


.faqbanner {
    max-width: 100%;
    width: 996px;
    margin-left: 8px;
    margin-bottom: 1.3rem;
    border-radius: 6px;
    height: 150px;
    background-image: url(/portals/0/County/images/covid19-faqhead.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
    background-color: #2d9075;
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}


.faqbanner .innerpad {
    text-align: left;
    width: 60%;
    margin-left: auto;
}

.faqbanner h1 {
  color: white!important;
  font-family: 'Oswald', sans-serif;
  font-size: 40px!important;
  line-height: 1;
  margin: 0!important;
  font-weight: 400!important;
}

.spanish h1 {

  font-size: 36px!important;

}


@media (max-width: 768px) {
  .toprightPane {
    width: 90%!important;
    padding-top: 1.3rem!important;
  }

  .faqbanner {
    margin-left: 0;
    background-position: -250px;
  }
  .faqbanner .innerpad {
    width: 80%;
  }
	
.spanish h1 {

  font-size: 30px!important;
}
	 .spanish .innerpad {
    width: 70%;
  }
	
}

@media (max-width: 576px) {
  .faqbanner {
    background-position: -186px;
    height: 100px;
  }
  .faqbanner .innerpad {
    width: 80%;
  }
  .faqbanner h1 {
    font-size: 32px!important;
  }
	.spanish h1 {

  font-size: 26px!important;


}
  .faq-section-menu li {
    margin-right: 0;
  }
}